<!-- 客房详情-预定房间-评论星级-对酒店的意见 -->
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta charset="utf-8">
<title>Albergo || SHARED ON THEMELOCK.COM -  Responsive HTML 5 Template</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/revolution-slider.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

<!--Favicon-->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">

<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="css/responsive.css" rel="stylesheet">

</head>


<body>
<div class="page-wrapper">

    <!-- .preloader -->
    <div class="preloader"></div>
    <!-- /.preloader -->
    
    <!-- main header area -->
    <header class="main-header">
        <div class="container">
        	<div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12">
                	<div class="logo">
                		<figure><a href="index.html"><img src="images/home/logo.png" alt=""></a></figure>
                	</div>
                    <div class="menu-bar">
                        <nav class="main-menu">
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                            </div>
                            <div class="navbar-collapse collapse clearfix">
                                <ul class="navigation clearfix">
                                    <li><a href="index.html">H</a>
                                    </li>
                                    <li><a href="about.html">About</a>
                                    </li>
                                    <li class="dropdown current"><a href="#">Rooms</a>
                                    	<ul>
                                    		<li><a href="rooms-grid.html">Rooms Grid</a></li>
                                    		<li><a href="rooms-list.html">Rooms List</a></li>
                                            <li><a href="rooms-detail.html">Rooms Detail</a></li>
                                    	</ul>
                                    </li>
                                    <li><a href="service.html">Services</a>
                                    </li>
                                    <li class="dropdown"><a href="#">Page</a>
                                        <ul>
                                            <li><a href="gallery.html">Gallery</a></li>
                                            <li><a href="testimonials.html">Testimonials</a></li>
                                            <li><a href="faq.html">Faq Page</a></li>
                                            <li><a href="error.html">Error Page</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown"><a href="#">News</a>
                                        <ul>
                                            <li><a href="latest-news.html">Latest News</a></li>
                                            <li><a href="news-detail.html">News Detail</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="contact.html">contact</a>
                                    </li>
                                </ul>
                            </div>
                        </nav>
                    </div>
                    <div class="more-option">
                        <div class="seach-toggle"><i class="fa fa-search"></i></div>
                        <div class="search-box">
                            <form method="post" action="index.html">
                                <div class="form-group">
                                    <input type="search" name="search" placeholder="Search Here" required>
                                    <button type="submit"><i class="fa fa-search"></i></button>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="info-box">
                    	<a href="#">Book Now</a>
                    </div>
                </div>
            </div>
        </div>

        <!--Sticky Header-->
        <div class="sticky-header">
            <div class="container clearfix">
                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12">
	                	<div class="logo">
	                		<figure><a href="index.html"><img src="images/home/logo.png" alt=""></a></figure>
	                	</div>
	                    <div class="menu-bar">
	                        <nav class="main-menu">
	                            <div class="navbar-header">
	                                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
	                                    <span class="icon-bar"></span>
	                                    <span class="icon-bar"></span>
	                                    <span class="icon-bar"></span>
	                                </button>
	                            </div>
	                            <div class="navbar-collapse collapse clearfix">
	                                <ul class="navigation clearfix">
	                                    <li><a href="index.html">Home</a>
	                                    </li>
	                                    <li><a href="about.html">About</a>
	                                    </li>
	                                    <li class="dropdown current"><a href="#">Rooms</a>
	                                    	<ul>
	                                    		<li><a href="rooms-grid.html">Rooms Grid</a></li>
	                                    		<li><a href="rooms-list.html">Rooms List</a></li>
	                                            <li><a href="rooms-detail.html">Rooms Detail</a></li>
	                                    	</ul>
	                                    </li>
	                                    <li><a href="service.html">Services</a>
	                                    </li>
	                                    <li class="dropdown"><a href="#">Page</a>
	                                        <ul>
	                                            <li><a href="gallery.html">Gallery</a></li>
	                                            <li><a href="testimonials.html">Testimonials</a></li>
	                                            <li><a href="faq.html">Faq Page</a></li>
	                                            <li><a href="error.html">Error Page</a></li>
	                                        </ul>
	                                    </li>
	                                    <li class="dropdown"><a href="#">News</a>
	                                        <ul>
	                                            <li><a href="latest-news.html">Latest News</a></li>
	                                            <li><a href="news-detail.html">News Detail</a></li>
	                                        </ul>
	                                    </li>
	                                    <li><a href="contact.html">contact</a>
	                                    </li>
	                                </ul>
	                            </div>
	                        </nav>
	                    </div>
	                    <div class="more-option">
	                        <div class="seach-toggle"><i class="fa fa-search"></i></div>
	                        <div class="search-box">
	                            <form method="post" action="index.html">
	                                <div class="form-group">
	                                    <input type="search" name="search" placeholder="Search Here" required>
	                                    <button type="submit"><i class="fa fa-search"></i></button>
	                                </div>
	                            </form>
	                        </div>
	                    </div>
	                    <div class="info-box">
	                    	<a href="#">Book Now</a>
	                    </div>
	                </div>
                </div>
            </div>
        </div>
    </header>
    <!--End Sticky Header-->
    <!-- main header area end -->

     <!--Page Title-->
    <section class="page-title text-center">
        <div class="auto-container">
            <div class="content-box">
                <div class="title">客房详情</div>
                <ul class="bread-crumb">
                    <li><a href="index.html">主页<i class="fa fa-angle-right"></i></a></li>
                    <li>客房详情</li>
                </ul>
            </div>
        </div>
    </section>
    <!--End Page Title-->

    <!-- rooms details section -->
    <section class="rooms-details">
    	<div class="container">
    		<div class="row">
    			<div class="col-md-8 col-sm-8 col-xs-12">
    				<div class="rooms-details-content">
    					<div class="img-box">
    						<figure><img src="images/rooms/rooms-detail.jpg" alt=""></figure>
    					</div>
    					<!--房间详情-->
    					<div class="lower-content">
    						<h2>房名</h2>
    						<div class="text"><span>$250</span> / Night</div>
    						<ul class="rating">
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    						</ul>
    						<p>Lorem ipsum dolor sit amet constur adipisicing elit sed do eiusmtem por incid dolore magna aliqu enim ad minim venia quis nostrud exercittion ullamco laboris nisi ut aliquip excepteur sint occaecat cuidatat non proident sunt in culpa qui officia deserunt.mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
    						<p>Doloremque laudantium totam rem aperiam eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequunt
							magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est qui dolorem ipsum.<br />
						    quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
    					</div>
    					<!--房间信息-->
    					<div class="rooms-catagori">
    						<h3>Room Benefits</h3>
    						<div class="row">
    							<div class="col-md-4 col-sm-4 col-xs-12">
    								<ul class="list">
    									<li>双人床</li>
    									<li>空调</li>
    									<li>厨房</li>
    								</ul>
    							</div>
    						</div>
    					</div>
    					<!--客户评论-->
    					<div class="client-reviews">
    						<h3>客户评论</h3>
    						<div class="text">你的评分
    							<ul class="rating">
    								<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
    								<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
    								<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
    								<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
    							</ul>
    						</div>
    						<div class="default-form">
		                        <form id="contact-form" name="contact_form" class="default-form" action="inc/sendmail.php" method="post">
		                            <div class="row">
		                                <div class="col-md-12 col-sm-12 col-xs-12">
		                                	<textarea placeholder="你的意见" name="form_message" required=""></textarea>
		                                </div>
		                                <div class="col-md-6 col-sm-6 col-xs-12">
		                                    <input type="text" name="form_name" value="" placeholder="你的名字" required="">
		                                </div>
		                                <div class="col-md-6 col-sm-6 col-xs-12">
		                                    <input type="email" name="form_email" value="" placeholder="你的邮箱" required="">
		                                </div>
		                            </div>
		                            <button type="submit" class="btn-one" data-loading-text="Please wait...">立刻提交</button>
		                        </form>
		                    </div>
    					</div>
    					
    				</div>
    			</div>
    			
    			<!--订单-->
    			<div class="col-md-4 col-sm-6 col-xs-12">
    				<div class="sidbar-content">
	    				<h3>预订房间</h3>
	                    <div class="date">
	                    	<i class="fa fa-calendar" aria-hidden="true"></i>
	    					<input type="text" name="date" placeholder="Araival date" id="datepicker">
	                    	<i class="fa fa-calendar" aria-hidden="true"></i>
	                    	<input type="text" name="date" placeholder="Departure date" id="datepickerone">
	                    </div>
	                    <select class="custom-select-box">
	                        <option>Adults</option>
	                        <option>18 years</option>
	                        <option>20 years</option>
	                        <option>25 years</option>
	                        <option>30 years</option>
	                    </select>
	                    <select class="custom-select-box">
	                        <option>Children</option>
	                        <option>5 years</option>
	                        <option>8 years</option>
	                        <option>12 years</option>
	                        <option>15 years</option>
	                    </select>
	                    <select class="custom-select-box">
	                        <option>Room Type</option>
	                        <option>Double Bed</option>
	                        <option>Air Conditioning</option>
	                        <option>Outdoor Kitchen</option>
	                    </select>
	                    <a href="" class="btn-one">Book Now</a>
	    			</div>
    			</div>
    		</div>
    	</div>
    </section>
    <!-- rooms details section end -->
 
    <!-- 底部 -->
    <footer class="footer-section">
        <div class="footer-top">
            <div class="container">
                <div class="row">
                    <div class="footer-column col-md-3 col-sm-6 col-xs-12">
                        <div class="logo-widget">
                            <div class="footer-logo">
                                <a href="index.html"><figure><img src="images/home/footer-logo.png" alt=""></figure></a>
                            </div>
                            <p>Lorem ipsum dolor amet consectetur adi
                            pisicing elit sed eiusm tempor incididunt 
                            ut labore dolore magna aliqua enim ad 
                            minim veniam.</p>
                            <ul class="footer-social">
                                <li><a href="#" class="hvr-radial-out"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#" class="hvr-radial-out"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#" class="hvr-radial-out"><i class="fa fa-vimeo"></i></a></li>
                                <li><a href="#" class="hvr-radial-out"><i class="fa fa-linkedin"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="footer-column col-md-3 col-sm-6 col-xs-12">
                        <div class="link-widget">
                            <h3>Link</h3>
                            <ul class="list">
                                <li><a href="#">Company History</a></li>
                                <li><a href="#">About Us</a></li>
                                <li><a href="#">Contact Us</a></li>
                                <li><a href="#">Services</a></li>
                                <li><a href="#">Privacy Policy</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="footer-column col-md-3 col-sm-6 col-xs-12">
                        <div class="contact-widget">
                            <h3>Contact Us</h3>
                            <p>Lorem ipsum dolor sit amet, consect
                            etur adipisicing elit sed do eiusmod. </p>
                            <div class="single-item">
                                <i class="fa fa-map-marker"></i>
                                1201 park street,  Avenue,
                                Dhanmondy, Dhaka.
                            </div>
                            <div class="single-item">
                                <i class="fa fa-phone"></i>
                                 [88] 657 524 332
                            </div>
                            <div class="single-item">
                                <i class="fa fa-envelope"></i>
                                <a href="#">nfo@dentar.com</a>
                            </div>
                        </div>
                    </div>
                    <div class="footer-column col-md-3 col-sm-6 col-xs-12">
                        <div class="footer-gallery">
                            <h3>Our Gallery</h3>
                            <ul class="img-list">
                                <li><a href="gallery.html"><figure><img src="images/home/footer-1.jpg" alt=""></figure></a></li>
                                <li><a href="gallery.html"><figure><img src="images/home/footer-2.jpg" alt=""></figure></a></li>
                                <li><a href="gallery.html"><figure><img src="images/home/footer-3.jpg" alt=""></figure></a></li>
                                <li><a href="gallery.html"><figure><img src="images/home/footer-4.jpg" alt=""></figure></a></li>
                                <li><a href="gallery.html"><figure><img src="images/home/footer-5.jpg" alt=""></figure></a></li>
                                <li><a href="gallery.html"><figure><img src="images/home/footer-6.jpg" alt=""></figure></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="container">
                <div class="copyright"><a href="http://www.17sucai.com/">Albergo</a> © copy 2017 All Right Reserved</div>
            </div>
        </div>
    </footer>
    <!-- main footer area end -->
    
</div>
<!--End pagewrapper-->


<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target=".main-header"><span class="icon fa fa-angle-up"></span></div>


<!-- jQuery js -->

<script src="http://ditu.google.cn/maps/api/js?key=AIzaSyCRvBPo3-t31YFk588DpMYS6EqKf-oGBSI"></script>
<script src="js/map-script.js"></script>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.themepunch.tools.min.js"></script>
<script src="js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="js/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="js/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="js/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="js/revolution.extension.kenburn.min.js"></script>
<script type="text/javascript" src="js/revolution.extension.actions.min.js"></script>
<script type="text/javascript" src="js/revolution.extension.parallax.min.js"></script>
<script type="text/javascript" src="js/revolution.extension.migration.min.js"></script>
<script type="text/javascript" src="js/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<script type="text/javascript" src="js/jquery.appear.js"></script>
<script type="text/javascript" src="js/jquery.countTo.js"></script>
<script src="js/isotope.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/jquery.fancybox-media.js"></script>
<script src="js/owl.js"></script>
<script src="js/masterslider.js"></script>
<script type="text/javascript" src="js/jquery.polyglot.language.switcher.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script type="text/javascript" src="js/jquery.mixitup.min.js"></script>
<script src="js/validate.js"></script>
<script src="js/wow.js"></script>
<script src="js/script.js"></script>    
<script type="text/javascript" src="js/theme.js"></script>
<script src="js/map-script.js"></script>
<script src="js/timePicker.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/gmaps.js"></script>
<script src="js/map-helper.js"></script>
<script src="js/validation.js"></script>


<!-- End of .page_wrapper -->

</body>
</html>
